<template>
  <div class="check--right1--top">
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">峡部</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div
            :class="['thyroid--item--cont', { active: thyroid_measure['0'],small:size == 'small' }]"
          >
            <span>前后径(cm):</span>
            <span>{{ thyroid_measure["0"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">右叶</div>
      <ul class="thyroid--item--cont--box">
            <li>
              <div
                :class="[
                  'thyroid--item--cont',
                  { active: thyroid_measure['1'],small:size == 'small' },
                ]"
              >
                <span>左右径(cm):</span>
                <span>{{ thyroid_measure["1"] }}</span>
              </div>
            </li>
            <li>
              <div
                :class="[
                  'thyroid--item--cont',
                  { active: thyroid_measure['2'],small:size == 'small' },
                ]"
              >
                <span>前后径(cm):</span>
                <span>{{ thyroid_measure["2"] }}</span>
              </div>
            </li>
            <li>
              <div
                :class="[
                  'thyroid--item--cont',
                  { active: thyroid_measure['3'],small:size == 'small' },
                ]"
              >
                <span>上下径(cm):</span>
                <span>{{ thyroid_measure["3"] }}</span>
              </div>
            </li>
          </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">左叶</div>
      <ul class="thyroid--item--cont--box">
            <li>
              <div
                :class="[
                  'thyroid--item--cont',
                  { active: thyroid_measure['4'],small:size == 'small'},
                ]"
              >
                <span>左右径(cm):</span>
                <span>{{ thyroid_measure["4"] }}</span>
              </div>
            </li>
            <li>
              <div
                :class="[
                  'thyroid--item--cont',
                  { active: thyroid_measure['5'],small:size == 'small'},
                ]"
              >
                <span>前后径(cm):</span>
                <span>{{ thyroid_measure["5"] }}</span>
              </div>
            </li>
            <li>
              <div
                :class="[
                  'thyroid--item--cont',
                  { active: thyroid_measure['6'],small:size == 'small' },
                ]"
              >
                <span>上下径(cm):</span>
                <span>{{ thyroid_measure["6"] }}</span>
              </div>
            </li>
          </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "ThyroidMeasure",
  props: ["thyroid_measure","size"],
};
</script>

<style scoped lang="less">
@import "~@/assets/css/measure.less";
</style>
